
/**
 * STYLE MOTION
 * @type {[*]}
 */
const STYLE = [
  {
    key: 'width',
    val: 375,
    label: '宽',
    desc: '',
    type: 'input',
  },
  {
    key: 'opacity',
    val: 100,
    label: '透明度',
    desc: '',
    type: 'range',
    min: 0,
    max: 100,
  },
  {
    key: 'blur',
    val: 0,
    label: '模糊度',
    desc: '',
    type: 'range',
    min: 0,
    max: 100,
  },
  {
    key: 'height',
    val: 375,
    label: '宽',
    desc: '',
    type: 'input',
  },
  {
    key: 'top',
    val: 0,
    label: '上',
    desc: '',
    type: 'input',
  },
  {
    key: 'left',
    val: 0,
    label: '左',
    desc: '',
    type: 'input',
  },
  {
    key: 'opacity',
    val: 100,
    label: '不透明度',
    desc: '',
    type: 'range',
  },
  {
    key: 'borderWidth',
    val: 1,
    label: '边宽',
    desc: '',
    type: 'range',
  },
  {
    key: 'borderColor',
    val: 'black',
    label: '边颜色',
    desc: '',
    type: '',
  },
  {
    key: 'borderStyle',
    val: 'solid',
    label: '边类型',
    desc: '',
    type: '',
  },
  {
    key: 'borderRadius',
    val: 0,
    label: '圆角比率',
    desc: '',
    type: 'range',
    min: 0,
    max: 100,
  },
  {
    key: 'background',
    val: '',
    label: '背景颜色',
    desc: '',
    type: 'color',
  },
  {
    key: 'rotate',
    val: 0,
    label: '旋转角度',
    desc: '',
    type: 'range',
    min: 0,
    max: 360,
  },
  {
    key: 'rotateX',
    val: 0,
    label: '水平翻转',
    desc: '',
    type: 'range',
    min: 0,
    max: 360,
  },
  {
    key: 'rotateY',
    val: 0,
    label: '垂直翻转',
    desc: '',
    type: 'range',
    min: 0,
    max: 360,
  },
  {
    key: 'scaleX',
    val: 100,
    label: '水平缩放',
    desc: '',
    type: 'range',
    min: 0,
  },
  {
    key: 'scaleY',
    val: 100,
    label: '垂直缩放',
    desc: '',
    type: 'range',
    min: 0,
  },
  {
    key: 'skewX',
    val: 0,
    label: '水平倾斜',
    desc: '',
    type: 'range',
    min: 0,
    max: 180,
  },
  {
    key: 'skewY',
    val: 0,
    label: '垂直倾斜',
    desc: '',
    type: 'range',
    min: 0,
    max: 180,
  },
  // {
  //   key: 'grayScale',
  //   val: 0,
  //   label: '灰度',
  //   desc: '',
  //   type: 'range',
  //   min: 0,
  //   max: 100,
  //   exhibition: 'filter',
  // },
  // {
  //   key: 'brightness',
  //   val: 100,
  //   label: '亮度',
  //   desc: '',
  //   type: 'range',
  //   min: 0,
  //   max: 200,
  //   exhibition: 'filter',
  // },
  // {
  //   key: 'contrast',
  //   val: 100,
  //   label: '对比度',
  //   desc: '',
  //   type: 'range',
  //   min: 0,
  //   max: 200,
  //   exhibition: 'filter',
  // },
  // {
  //   key: 'sepia',
  //   val: 0,
  //   label: '褐色度',
  //   desc: '',
  //   type: 'range',
  //   min: 0,
  //   max: 100,
  //   exhibition: 'filter',
  // },
  // {
  //   key: 'saturate',
  //   val: 100,
  //   label: '饱和度',
  //   desc: '',
  //   type: 'range',
  //   min: 0,
  //   max: 200,
  //   exhibition: 'filter',
  // },
  // {
  //   key: 'invert',
  //   val: 0,
  //   label: '反转图像',
  //   desc: '',
  //   type: 'range',
  //   min: 0,
  //   max: 100,
  //   exhibition: 'filter',
  // },
  // {
  //   key: 'hueRotate',
  //   val: 0,
  //   label: '色相旋转',
  //   desc: '',
  //   type: 'range',
  //   min: 0,
  //   max: 360,
  //   exhibition: 'filter',
  // },
  {
    key: 'ease',
    val: 'linear',
    label: '缓动函数',
    desc: '',
    type: 'svg',
  },
  {
    key: 'transformOriginX',
    val: 187.5,
    label: 'X',
    desc: '',
    type: 'input',
  },
  {
    key: 'transformOriginY',
    val: 187.5,
    label: 'Y',
    desc: '',
    type: 'input',
  },
];

export default STYLE;
